<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<%@include file="/resources/components/baseIncl/base/css.inc"%>
<%@include file="/resources/components/baseIncl/base/js.inc"%>
<script src="<%=request.getContextPath()%>/resources/components/baseIncl/js/jquery-ui.min.js"></script>
<script>
$(document).ready(function(){
	$("#viewCalendar").fullCalendar({
		events: '/client_booking_ajax.jsp?populateCalendarEvents',
		header: {
			left: 'title',
			center: '',
			right: 'month,basicWeek'
		},
		 eventClick: function(event) {
			alert(event.title+"\n\nStart: "+event.start+"\n\nEnd: "+event.end); 
		 },
		defaultView:'month'
	});
});
</script>
</head>
<body >
	<div id="wrapper">
		<div id="Heading3">Therapist Schedule<span class="right"><a href="/amphora_home.jsp"><i class="fa fa-mail-reply"></i></a></span></div>
		<div id="content">
			<div id="viewCalendar" class="calendarStyle">
			</div>
		</div>
	</div>
</body>
</html>